<template>
<div>
  <!-- 
    v-bind指令：
    作用：动态设置标签属性
    语法：v-bind:属性名="vue变量"
    需求：动态设置a标签的href属性
   -->
   <a v-bind:href="url">跳转到百度</a> |
   <a href="https://www.baidu.com/">跳转到百度</a>

   <!-- 练习 -->
   <img v-bind:src="arr[0]">
   <img v-bind:src="arr[1]">
</div>
</template>
<script>
export default {
  data(){
    return {
      url: 'https://www.baidu.com/',
      // 练习题：把arr数组中的两个图片链接地址通过img标签结合v-bind指令实现渲染图片
      arr: ["https://img0.baidu.com/it/u=208758006,3714410975&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200",
      "https://img0.baidu.com/it/u=5035317,2898868561&fm=253&fmt=auto&app=120&f=JPEG?w=200&h=200"]
    }
  }
}
</script>
<style scoped>
</style>